import React from 'react';
import { Link } from 'react-router-dom';

import HomeNavBar from './nav/HomeNavBar.js';
import Eye from './Eye.js'
import $ from 'jquery';
import { useEffect } from 'react';

const Home = () => {
    useEffect(() => {
        // 重置字体大小为默认值（例如16px）  
        $("html").css({ fontSize: '16px' });
    }, []);
    return (
        <div>
            <div>
                <HomeNavBar />
                <main className="page hire-me-page">
                    <section className="portfolio-block hire-me">
                        <div className="container">
                            <h1>区块链学分管理平台</h1>

                            {/* <main
                            style={{
                                backgroundImage: 'url(\'../static/images/2.jpg\')',
                                backgroundPosition: 'center',
                                backgroundRepeat: 'no-repeat'
                            }}
                        >
                            <div className="logo">
                                <h1>
                                    区块链学分管理平台
                                </h1>
                                <p>
                                    安全、透明、可追溯的学分管理
                                </p>
                            </div>
                            <section className="hero">
                                <h2>
                                    引领未来教育变革
                                </h2>
                                <p>
                                    通过区块链技术，我们为您提供一个安全、透明、可追溯的学分管理平台。
                                </p>
                            </section>
                            <section className="advantages">
                                <h3>
                                    平台优势
                                </h3>
                                <div className="advantage-item">
                                    <i className="fas fa-lock" />
                                    <h4>
                                        安全可信
                                    </h4>
                                    <p>
                                        区块链技术确保数据的安全性和完整性，无法篡改。
                                    </p>
                                </div>
                                <div className="advantage-item">
                                    <i className="fas fa-eye" />
                                    <h4>
                                        透明公开
                                    </h4>
                                    <p>
                                        学分流转过程全程可见，确保公正公平。
                                    </p>
                                </div>
                                <div className="advantage-item">
                                    <i className="fas fa-history" />
                                    <h4>
                                        可追溯性
                                    </h4>
                                    <p>
                                        随时查看学分流转历史，记录清晰。
                                    </p>
                                </div>
                            </section>
                            <section className="blockchain-benefits">
                                <h3>
                                    区块链技术优点
                                </h3>
                                <p>
                                    区块链技术以其去中心化、不可篡改、透明公开等特性，为学分管理带来了革命性的变革。
                                </p>
                            </section>
                        </main> */}
                            <main className="page hire-me-page">
                                <section className="portfolio-block hire-me">
                                    <div className="foreground-component">
                                        <Eye />
                                        <div className="container">
                                            <div className="border rounded border-0 shadow-lg p-3 p-md-5"
                                                data-bs-theme="light"
                                                style={{
                                                    backgroundColor: 'rgba(36, 36, 41, 0.6)'
                                                }}

                                            >
                                                <div className="container">
                                                    <h1>欢迎来到先锋积分系统</h1>

                                                </div>

                                            </div>

                                        </div>
                                    </div>
                                </section>
                            </main>


                        </div>
                    </section>
                </main>

            </div>

        </div>

    );
}

export default Home;
